import type { RouteRecordRaw } from 'vue-router';

import Layout from '@/layouts/index.vue';

export const hooksRoutes: RouteRecordRaw[] = [
  {
    path: '/hooks',
    name: 'HooksRoot',
    component: Layout,
    redirect: '/hooks/watermark',
    meta: {
      title: 'Hooks',
      icon: 'Toolts',
      authCodes: [],
      visible: true,
    },
    children: [
      {
        path: '/hooks/watermark',
        name: 'WatermarkIndex',
        component: () => import('@/views/hooks/watermark/index.vue'),
        meta: {
          authCodes: [],
          title: 'hooks-水印',
        },
      },
      {
        path: '/hooks/animate-css',
        name: 'HooksAnimateCssIndex',
        component: () => import('@/views/hooks/animate-css/index.vue'),
        meta: {
          authCodes: [],
          title: 'hooks-动画',
        },
      }
    ],
  }
];
